﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductDetail.ascx.cs" Inherits="smartphone.UserControls.ProductDetail"%>
<%@ Import Namespace="smartphone.App_Code" %>
<%@ Register Src="~/UserControls/CommentsBlock.ascx" TagPrefix="uc1" TagName="CommentsBlock" %>
<%@ Register Src="~/UserControls/CommentForm.ascx" TagPrefix="uc1" TagName="CommentForm" %>



<script src="../Scripts/jquery-1.8.3.js"></script>
<%--pika choose--%>
<script src="../Scripts/PikaChoose/jquery.pikachoose.full.js"></script>
<script src="../Scripts/PikaChoose/jquery.jcarousel.min.js"></script>

<link href="../Styles/PikaChoose/bottom.css" rel="stylesheet" />
<link href="../App_Themes/ESmartDefaultTheme/ESmart.css" rel="stylesheet" />
<%--goi cloud zoom chay hieu ung zoom--%> 
<script type="text/javascript">
    $(document).ready(
        function () {
            $("#pikame").PikaChoose({ carousel: true, carouselOptions: { wrap: 'circular' } });

            //CloudZoom.quickStart();
    });
</script>   

<style>
    #image-zoom-small {
        width: 64px;
        height: 80px;
    }
</style>

<div class="product-detail">
    <span class="headerTemplate" id="productName" runat="server"></span>

    <%--album hinh anh cua cua san pham--%>
    <div class="product-detail-right">
        <div id="productDetailImages" runat="server" class="product-detail-image">
            <ul id="pikame" class="jcarousel-skin-pika">
            <asp:Repeater ID="productImageItems" runat="server">
                <ItemTemplate>
                     <li>
                         <a>
                             <img src="<%#LinkClass.ToProductImage(Eval("imageUrl").ToString()) %>"/>
                         </a>
                     </li>
                </ItemTemplate>
            </asp:Repeater>
            </ul>
        </div>
    </div>

    <div class="product-detail-left">
        <div id="shortDescription" runat="server" class="short-description"></div>
        <div class="button-more-detail">
            <a class="button" href="#">Chi tiết</a>
        </div>

        <div class="product-detail-price"> 
            <span class="bold discount">Giá: </span>
            <span class="price" id="productDetailPrice" runat="server"></span>
            <asp:Label CssClass="labelDeal" ID="LabelPromotion" runat="server" Text="Khuyến mại" Visible="false"></asp:Label>
        </div>

        <div class="product-detail-padding">
            <div class="product-attr">
                <asp:PlaceHolder ID="PlaceHolderAttributes" runat="server"></asp:PlaceHolder>
            </div>

            

            <div id="buyBlock" runat="server" class="buy-block">

            </div>
            <span class="ProductDetailAddCart">
                <asp:LinkButton ID="LinkButtonToCart" CausesValidation="false" runat="server" OnClick="LinkButtonToCart_Click">Giỏ hàng</asp:LinkButton>
            </span>
        </div>

        <div class="socialshare">
            <strong style="float: left; margin: 5px;">Chia sẻ: </strong>
			<!-- AddThis Button BEGIN -->
			<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
			<a class="addthis_button_preferred_1"></a>
			<a class="addthis_button_preferred_2"></a>
			<a class="addthis_button_preferred_3"></a>
			<a class="addthis_button_preferred_4"></a>
			<a class="addthis_button_compact"></a>
			<a class="addthis_counter addthis_bubble_style"></a>
			</div>
			<script type="text/javascript">var addthis_config = { "data_track_addressbar": true };</script>
			<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50a0aa0b267c0f77"></script>
			<!-- AddThis Button END -->
        </div>
    </div>

        <div class="moreinfo-block">
			<ul class="more-info-tabs">
				<li><a href="#idtab1" class="selected" id="moreInfoIabsInfomation">Giới thiệu</a></li>
				<li><a href="#idtab2" id="MoreInfoTabsData">Thông tin</a></li>
			</ul>
		    <div id ="more-info-sheets">
			    <div id="idtab1">
				    <p id="productDetailDescriptionFull" runat="server">
				    </p>
			    </div>
			    <div id="idtab2">
				    <ul>
					    <li id="productDetailManufacturer" runat="server"></li>
                        <li id="productDetailAccessory" runat="server"></li>
                        <li id="productDetailWarranty" runat="server"></li>
                        <li id="productDetailOS" runat="server"></li>
                        <li id="productDetailCpu" runat="server"></li>
                        <li id="productDetailCamera" runat="server"></li>
                        <li id="productDetailWifi" runat="server"></li>
                        <li id="productDetailAudio" runat="server"></li>
                        <li id="productDetailSensor" runat="server"></li>
                        <li id="productDetailMovie" runat="server"></li>
                        <li id="productDetailRecord" runat="server"></li>
				    </ul>
			    </div>
		    </div>
	    </div>
    
</div>
<%--Comment ve san pham nay--%>
<uc1:CommentsBlock runat="server" ID="CommentsBlock" />

<%--Khung nhap comment--%>
<uc1:CommentForm runat="server" ID="CommentForm" />
